* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: relative;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 移动设备适配 */
@media screen and (max-width: 768px) {
    html {
        font-size: 14px;
    }
}

/* 修复iOS设备底部导航栏问题 */
@supports (-webkit-touch-callout: none) {
    .content-area {
        /* iOS设备需要额外的底部内边距以避免安全区域问题 */
        padding-bottom: 80px !important;
    }
}
